<template>
    <view class="flex-center flex-col default_view relative h-full">
        <image :src="src" class="icon" />
        <text class="mt-30 text-30 color">{{ label }}</text>
		<text class="mt-15 text-24 color">{{ tips[0] }}</text>
		<text class="text-24 mt-5 color">{{ tips[1] }}</text>
		<view class="mt-25">
			<slot />
		</view>
    </view>
</template>

<script setup>
	
	import { imgPath } from '@/common/config.js'
	
	defineProps({
		label:{
			type: String,
			default:''
		},
		tips: {
			type: Array,
			default: () => []
		},
		src: {
			type: String,
			default: ''
		},
		top: {
			type: [String, Number],
			default: '120'
		}
	})

</script>

<style lang="scss" scoped>
.color{color: #ced6e4}
.icon{width: 240rpx;height: 240rpx}
</style>